/**
 * @description 首页-展示，不同类型的对应不同的数据
 * 约定规则：
 * 1. 只能一层嵌套
 * 2. blockKey就是模块的名字,比如新闻推荐news、展示exhibition、推荐recommend
 * 3. 键会添加blockKey: blockKey为: recommend时,list_box -> recommend_list_box
 * 4. classname会添加blockkey, .good-list-1 -> .recommend .good-list-1
 * 5. base属性，是基础配置，比如个数限制等
 * 6. base属性，不支持字符串，只支持数值、布尔值
 */

const GoodListData = {
  // 样式一
  '1': {
    base: {
      type: "1",
      limit: 8,
      iconFlag: true,
      labelFlag: true,
    },
    list_box: {
      classname: '.good-list-1',
      default: {
        width: "100%",
        height: "auto",
        padding: "20px 0",
        margin: "0",
        display: "flex",
        flexWrap: "wrap",
        justifyContent: "space-between",
        alignItems: "flex-start",
        gap: "20px"
      }
    },
    list_item: {
      classname: '.good-list-1 .item',
      default: {
        flex: "0 0 auto",
        width: "20%",
        height: "auto",
        padding: "10px",
        border: "1px solid #eee",
        position: "relative",
        cursor: "pointer",
        transition: "boxShadow 0.3s linear,transform 0.3s linear"
      },
      hover: {
        boxShadow: "0px 4px 5px 0px rgba(0,0,0,0.3)",
        transform: "translateY(-10px)"
      }
    },
    list_img: {
      classname: '.good-list-1 .item .img-box',
      default: {
        width: "100%",
        height: "160px",
        borderRadius: "10px",
        overflow: "hidden"
      }
    },
    list_img_img: {
      classname: '.good-list-1 .item .img',
      default: {
        width: "100%",
        height: "100%",
        objectFit: "cover"
      }
    },
    list_info: {
      classname: '.good-list-1 .item .info-box',
      default: {
        width: "100%",
        height: "auto",
        margin: "0",
        padding: "0",
      }
    },
    list_name: {
      classname: '.good-list-1 .item .name',
      default: {
        color: "#000000",
        fontSize: "18px",
        fontWeight: "600",
        margin: "10px 0",
      }
    },
    list_price: {
      classname: '.good-list-1 .item .price',
      default: {
        color: "#E72C59",
        fontSize: "16px",
        fontWeight: "600",
        margin: "10px 0",
      }
    },
    list_publisher: {
      classname: '.good-list-1 .item .publisher',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    list_time: {
      classname: '.good-list-1 .item .time',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    list_like: {
      classname: '.good-list-1 .item .like',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    list_collect: {
      classname: '.good-list-1 .item .collect',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    list_view: {
      classname: '.good-list-1 .item .view',
      default: {
        color: "#787878",
        fontSize: "12px",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    list_desc: {
      classname: '.good-list-1 .item .desc',
      default: {
        width: "100%",
        color: "#787878",
        fontSize: "12px",
        "white-space": "nowrap",
        overflow: "hidden",
        "text-overflow": "ellipsis",
      }
    },
  },
  // 样式二
  '2': {
    base: {
      type: "2",
      limit: 8,
      iconFlag: true,
      labelFlag: true,
    },
    list_box: {
      classname: '.good-list-2',
      default: {
        width: "100%",
        height: "auto",
        padding: "20px 0",
        margin: "0",
        display: "flex",
        flexWrap: "wrap",
        justifyContent: "space-between",
        alignItems: "flex-start",
        gap: "20px"
      }
    },
    list_item: {
      classname: '.good-list-2 .item',
      default: {
        flex: "0 0 auto",
        width: "20%",
        height: "260px",
        padding: "0",
        border: "1px solid #eee",
        position: "relative",
        cursor: "pointer",
        overflow: "hidden"
      },
      hover: {
      }
    },
    list_img: {
      classname: '.good-list-2 .item .img-box',
      default: {
        width: "100%",
        height: "100%"
      }
    },
    list_img_img: {
      classname: '.good-list-2 .item .img',
      default: {
        width: "100%",
        height: "100%",
        objectFit: "cover"
      }
    },
    list_info: {
      classname: '.good-list-2 .item .info-box',
      default: {
        width: "100%",
        height: "100%",
        position: "absolute",
        left: "0",
        bottom: "-100%",
        background: "rgba(0,0,0,0.5)",
        "backdrop-filter": "blur(5px)",
        // display: "none",
        transition: "bottom 0.3s linear",
        display: "flex",
        "flex-direction": "column",
        gap: "10px",
        padding: "10px"
      }
    },
    list_info_hover: {
      classname: '.good-list-2 .item:hover .info-box',
      default: {
        // display: "block",
        bottom: "0"
      }
    },
    list_name: {
      classname: '.good-list-2 .item .name',
      default: {
        color: "#FFF",
        fontSize: "18px",
        fontWeight: "600",
        margin: "10px 0",
      }
    },
    list_price: {
      classname: '.good-list-2 .item .price',
      default: {
        color: "#E72C59",
        fontSize: "16px",
        fontWeight: "600",
        margin: "10px 0",
      }
    },
    list_publisher: {
      classname: '.good-list-2 .item .publisher',
      default: {
        color: "#FFF",
        fontSize: "12px",
        margin: "0",
        display: "flex",
        gap: "6px",
      }
    },
    list_time: {
      classname: '.good-list-2 .item .time',
      default: {
        color: "#FFF",
        fontSize: "12px",
        margin: "0",
        display: "flex",
        gap: "6px",
      }
    },
    list_like: {
      classname: '.good-list-2 .item .like',
      default: {
        color: "#FFF",
        fontSize: "12px",
        margin: "0",
        display: "flex",
        gap: "6px",
      }
    },
    list_collect: {
      classname: '.good-list-2 .item .collect',
      default: {
        color: "#FFF",
        fontSize: "12px",
        margin: "0",
        display: "flex",
        gap: "6px",
      }
    },
    list_view: {
      classname: '.good-list-2 .item .view',
      default: {
        color: "#FFF",
        fontSize: "12px",
        margin: "0",
        display: "flex",
        gap: "6px",
      }
    },
    list_desc: {
      classname: '.good-list-2 .item .desc',
      default: {
        width: "100%",
        color: "#FFF",
        fontSize: "12px",
        "white-space": "nowrap",
        overflow: "hidden",
        "text-overflow": "ellipsis",
      }
    },
  },
  // 样式三
  '3': {
    base: {
      type: "3",
      leftLimit: 2,
      rightLimit: 4,
    },
    list_box: {
      classname: ".good-list-3",
      default: {
        width: "100%",
        height: "auto",
        padding: "20px 0",
        margin: "50px 0 0",
        display: "flex",
        justifyContent: "space-between",
        alignItems: "flex-start",
        gap: "30px"
      }
    },
    list_left: {
      classname: ".good-list-3 .left",
      default: {
        width: "48%",
        padding: "0",
        margin: "0",
      }
    },
    list_left_item: {
      classname: ".good-list-3 .left .item",
      default: {
        width: "100%",
        padding: "0 0 25px",
        margin: "0 0 24px",
        cursor: "pointer",
        overflow: "hidden",
        "border-bottom": "1px dashed #bbb",
        display: "flex",
        "justify-content": "space-between",
        gap: "20px"
      }
    },
    list_left_imgbox: {
      classname: ".good-list-3 .img-box",
      default: {
        flex: "0 0 auto",
        width: "185px",
        height: "150px",
        transition: "transform 0.3s"
      }
    },
    list_left_img: {
      classname: ".good-list-3 img",
      default: {
        width: "100%",
        height: "100%",
        objectFit: "cover"
      }
    },
    list_left_imgbox_hover: {
      classname: ".good-list-3 .left .item:hover .img-box",
      default: {
        transform: "scale(1.1)"
      }
    },
    list_left_info: {
      classname: ".good-list-3 .info-box",
      default: {
        flex: "1 1 auto",
        width: "auto",
        height: "auto"
      }
    },
    list_left_title: {
      classname: ".good-list-3 .left .name",
      default: {
        "color": "#666",
        "font-weight": "600",
        "font-size": "16px",
        "overflow": "hidden",
        "white-space": "nowrap",
        "text-overflow": "ellipsis",
      }
    },
    list_left_title_hover: {
      classname: ".good-list-3 .left .item:hover .name",
      default: {
        color: "#150572"
      }
    },
    list_left_price: {
      classname: ".good-list-3 .left .price",
      default: {
        margin: "10px 0",
        color: "red",
        "font-size": "14px",
      }
    },
    list_left_time: {
      classname: ".good-list-3 .left .time",
      default: {
        margin: "10px 0",
        color: "#6a6a6a",
        "font-size": "14px",
      }
    },
    list_left_desc: {
      classname: ".good-list-3 .left .desc",
      default: {
        color: "#858585",
        "line-height": "24px",
        height: "72px",
        "overflow": "hidden",
        "font-size": "14px",
      }
    },
    list_right: {
      classname: ".good-list-3 .right",
      default: {
        width: "48%",
        height: "auto",
        padding: "0",
        margin: "0"
      }
    },
    list_right_item: {
      classname: ".good-list-3 .right .item",
      default: {
        position: "relative",
      }
    },
    list_right_title: {
      classname: ".good-list-3 .right .name",
      default: {
        cursor: "pointer",
        padding: "0 50px 0 25px",
        color: "#353535",
        "font-size": "15px",
        "line-height": "40px",
        position: "relative",
        overflow: "hidden",
        "white-space": "nowrap",
        "text-overflow": "ellipsis",
      }
    },
    list_right_title_active: {
      classname: ".good-list-3 .right .active .name",
      default: {
        color: "#FFF",
        background: "#150572",
      }
    },
    list_right_icon: {
      classname: ".good-list-3 .right .name .icon",
      default: {
        color: "#666",
        top: "0",
        "font-weight": "400",
        "font-size": "20px",
        position: "absolute",
        right: "25px",
        top: "10px"
      }
    },
    list_right_descbox: {
      classname: ".good-list-3 .right .desc-box",
      default: {
        margin: "0",
        display: "block",
        transition: "all .5s",
        opacity: "0",
        height: "0px",
        color: "#909090",
        overflow: "hidden",
        "border-bottom": "1px dashed #bbb",
      }
    },
    list_right_descbox_active: {
      classname: ".good-list-3 .right .active .desc-box",
      default: {
        height: "180px",
        opacity: "1",
        margin: "0 0 10px"
      }
    },
    list_right_desc: {
      classname: ".good-list-3 .right .desc",
      default: {
        padding: "20px",
        height: "100%",
        "font-size": "16px",
        overflow: "hidden",
        cursor: "pointer"
      }
    },
  },
  '4': {
    base: {
      type: "4",
      limit: 9,
      iconFlag: true,
      labelFlag: true,
    },
    list_box: {
      classname: '.good-list-4',
      default: {
        width: "100%",
        height: "auto",
        padding: "20px 0",
        margin: "0",
        display: "grid",
        "grid-template-columns": "1fr 1fr 1fr",
        "grid-template-rows": "140px 140px 60px 60px",
        gap: "20px",
        color: "rgb(102, 102, 102)",
        fontSize: "14px",
      }
    },
    list_img_img: {
      classname: '.good-list-4 .item .img',
      default: {
        width: "100%",
        height: "100%",
        transition: "transform 1s",
        objectFit: "cover"
      }
    },
    list_img_img_hover: {
      classname: '.good-list-4 .item:hover .img',
      default: {
        transform: "scale(1.05)"
      }
    },
    list_item1: {
      classname: '.good-list-4 .item:nth-of-type(1)',
      default: {
        width: "100%",
        height: "100%",
        position: "relative",
        cursor: "pointer",
        background: "rgb(240, 240, 240)",
        "grid-column": "1",
        "grid-row": "1 / 3",
      },
      hover: {
        "background-color": "rgb(45, 102, 217)",
        color: "#FFF"
      }
    },
    list_img1: {
      classname: '.good-list-4 .item:nth-of-type(1) .img-box',
      default: {
        width: "100%",
        height: "240px",
        overflow: "hidden"
      }
    },
    list_info1: {
      classname: '.good-list-4 .item:nth-of-type(1) .info-box',
      default: {
        width: "100%",
        height: "auto",
      }
    },
    list_name1: {
      classname: '.good-list-4 .item:nth-of-type(1) .name',
      default: {
        "text-align": "center",
        width: "100%",
        height: "60px",
        lineHeight: "60px",
        "white-space": "nowrap",
        overflow: "hidden",
        "text-overflow": "ellipsis",
        "font-size": "16px",
      }
    },
    list_time1: {
      classname: '.good-list-4 .item:nth-of-type(1) .time',
      default: {
        display: "none"
      }
    },
    list_desc1: {
      classname: '.good-list-4 .item:nth-of-type(1) .desc',
      default: {
        display: "none"
      }
    },

    list_item3: {
      classname: '.good-list-4 div.item:nth-of-type(3)',
      default: {
        "grid-column": "2 / 4",
        "grid-row": "2",
      }
    },
    list_item2: {
      classname: '.good-list-4 .item:nth-of-type(2), .good-list-4 .item:nth-of-type(3)',
      default: {
        width: "100%",
        height: "100%",
        padding: "20px",
        position: "relative",
        cursor: "pointer",
        background: "rgb(240, 240, 240)",
        "grid-column": "2 / 4",
        "grid-row": "1",
        display: "flex",
        alignItems: "center",
        gap: "20px",
      },
      hover: {
        "background-color": "rgb(45, 102, 217)",
        color: "#FFF"
      }
    },
    list_img2: {
      classname: '.good-list-4 .item:nth-of-type(2) .img-box, .good-list-4 .item:nth-of-type(3) .img-box',
      default: {
        width: "120px",
        height: "100px",
        overflow: "hidden"
      }
    },
    list_info2: {
      classname: '.good-list-4 .item:nth-of-type(2) .info-box, .good-list-4 .item:nth-of-type(3) .info-box',
      default: {
        flex: "1 1 auto",
        width: "0",
        height: "auto",
      }
    },
    list_name2: {
      classname: '.good-list-4 .item:nth-of-type(2) .name, .good-list-4 .item:nth-of-type(3) .name',
      default: {

      }
    },
    list_time2: {
      classname: '.good-list-4 .item:nth-of-type(2) .time, .good-list-4 .item:nth-of-type(3) .time',
      default: {
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    list_desc2: {
      classname: '.good-list-4 .item:nth-of-type(2) .desc, .good-list-4 .item:nth-of-type(3) .desc',
      default: {
        width: "100%",
        height: "48px",
        "line-height": "24px",
        overflow: "hidden",
        margin: "8px 0",
      }
    },
    list_item4: {
      classname: '.good-list-4 .item:nth-of-type(3) ~ .item',
      default: {
        width: "100%",
        height: "100%",
        position: "relative",
        cursor: "pointer",
        background: "rgb(240, 240, 240)"
      },
      hover: {
        "background-color": "rgb(45, 102, 217)",
        color: "#FFF"
      }
    },
    list_img4: {
      classname: '.good-list-4 .item:nth-of-type(3) ~ .item .img-box',
      default: {
        display: "none"
      }
    },
    list_info4: {
      classname: '.good-list-4 .item:nth-of-type(3) ~ .item .info-box',
      default: {
        width: "100%",
        height: "100%",
        padding: "20px",
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
      }
    },
    list_name4: {
      classname: '.good-list-4 .item:nth-of-type(3) ~ .item .name',
      default: {
        flex: "1 1 auto",
      }
    },
    list_time4: {
      classname: '.good-list-4 .item:nth-of-type(3) ~ .item .time',
      default: {
        flex: "0 0 auto",
        margin: "0 0 6px",
        display: "flex",
        gap: "6px",
      }
    },
    list_desc4: {
      classname: '.good-list-4 .item:nth-of-type(3) ~ .item .desc',
      default: {
        display: "none"
      }
    },
  },
  '5': {
    base: {
      type: "5",
      limit: 5,
      iconFlag: true,
      labelFlag: true,
    },
    list_box: {
      classname: '.good-list-5',
      default: {
        width: "100%",
        height: "auto",
        padding: "20px 0",
        margin: "0",
        display: "grid",
        "grid-template-columns": "1fr 1fr",
        "grid-template-rows": "repeat(310px, 3)",
        gap: "30px",
        color: "#787878",
        fontSize: "14px",
      }
    },
    list_img_img: {
      classname: '.good-list-5 .item .img',
      default: {
        width: "100%",
        height: "100%",
        transition: "transform 1s",
        objectFit: "cover"
      }
    },
    list_img_img_hover: {
      classname: '.good-list-5 .item:hover .img',
      default: {
        transform: "scale(1.05)"
      }
    },
    list_item1: {
      classname: '.good-list-5 .item:nth-of-type(1)',
      default: {
        width: "100%",
        height: "100%",
        position: "relative",
        cursor: "pointer",
        background: "#FFF",
        "grid-column": "1",
        "grid-row": "1 / 3",
        border: "2px solid transparent"
      },
      hover: {
        "background-color": "rgb(45, 102, 217)",
        color: "#FFF",
        borderColor: "#A40000"
      }
    },
    list_img1: {
      classname: '.good-list-5 .item:nth-of-type(1) .img-box',
      default: {
        width: "100%",
        height: "100%",
        overflow: "hidden"
      }
    },
    list_info1: {
      classname: '.good-list-5 .item:nth-of-type(1) .info-box',
      default: {
        width: "100%",
        height: "auto",
        position: "absolute",
        bottom: '0',
        left: '0'
      }
    },
    list_name1: {
      classname: '.good-list-5 .item:nth-of-type(1) .name',
      default: {
        "text-align": "center",
        width: "100%",
        height: "70px",
        lineHeight: "70px",
        "white-space": "nowrap",
        overflow: "hidden",
        "text-overflow": "ellipsis",
        "font-size": "16px",
        color: "#FFFFFF",
        background: '#A40000',
        opacity: '0.8'
      }
    },
    list_price1: {
      classname: '.good-list-5 .item:nth-of-type(1) .price',
      default: {
        display: "none"
      }
    },
    list_time1: {
      classname: '.good-list-5 .item:nth-of-type(1) .time',
      default: {
        display: "none"
      }
    },
    list_desc1: {
      classname: '.good-list-5 .item:nth-of-type(1) .desc',
      default: {
        display: "none"
      }
    },

    list_item3: {
      classname: '.good-list-5 div.item:nth-of-type(3)',
      default: {
        "grid-column": "2 / 3",
        "grid-row": "2",
        "flex-direction": "row-reverse"
      }
    },
    list_item2: {
      classname: '.good-list-5 div.item:nth-of-type(2)',
      default: {
        "grid-column": "2 / 3",
        "grid-row": "1",
      }
    },
    list_items: {
      classname: '.good-list-5 .item:nth-of-type(1) ~ .item',
      default: {
        width: "100%",
        height: "100%",
        padding: "0",
        position: "relative",
        cursor: "pointer",
        background: "#FFF",
        display: "flex",
        alignItems: "center",
        gap: "20px",
        border: "2px solid transparent"
      },
      hover: {
        "background-color": "rgb(45, 102, 217)",
        color: "#FFF",
        borderColor: "#A40000"
      }
    },
    list_imgs: {
      classname: '.good-list-5 .item:nth-of-type(1) ~ .item .img-box',
      default: {
        width: "50%",
        height: "100%",
        overflow: "hidden"
      }
    },
    list_infos: {
      classname: '.good-list-5 .item:nth-of-type(1) ~ .item .info-box',
      default: {
        width: "50%",
        height: "100%",
        padding: "20px",
        overflow: "hidden",
        display: "flex",
        "flex-direction": "column",
        "justify-content": "space-between",
      }
    },
    list_names: {
      classname: '.good-list-5 .item:nth-of-type(1) ~ .item .name',
      default: {
        color: "#000",
        fontSize: "16px",
        height: "48px",
        lineHeight: "24px",
        overflow: "hidden"
      }
    },
    list_prices: {
      classname: '.good-list-5 .item:nth-of-type(1) ~ .item .price',
      default: {
        color: "#E72C59",
        fontSize: "16px",
        fontWeight: "600",
        margin: "10px 0",
      }
    },
    list_times: {
      classname: '.good-list-5 .item:nth-of-type(1) ~ .item .time',
      default: {
        display: "flex",
        gap: "6px",
      }
    },
    list_descs: {
      classname: '.good-list-5 .item:nth-of-type(1) ~ .item .desc',
      default: {
        width: "100%",
        height: "72px",
        "line-height": "24px",
        overflow: "hidden",
        borderTop: "1px solid #707070",
        padding: "20px 0 0 0"
      }
    },
  },
}

export default GoodListData